<template>
<div style="margin: auto;" >
    <div id="dbContent" @mouseover="debounce" style="height:150px;line-height:150px;text-align:center; color: #fff;background-color:#ccc;font-size:80px;"></div>
</div>
</template>

<script>
export default {
    data(){
        return {
            element:'',
            count: 0,
            mouse: ''
        }
    },
    mounted(){
        this.content = document.getElementById('dbContent');
    },
    methods: {
        debounce(){
            this.content.innerHTML = ++this.count;
            console.log(this.count)
        }
    }
}
</script>